<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <meta content="text/html; charset=UTF-8" http-equiv="content-type">
    <title>nav</title>
    <link rel="stylesheet"  href="../reset.css"  />

</head>
<body>
     <style type="text/css">
        .nav{ margin-left: 200px;   }
        .hor .navLi{float: left;padding: 5px 0;  }
        .hor .navLi a{float: left; display: block; padding:0 20px;}
        .hor .navLi a:hover{background: url(png.png) right no-repeat;}
    </style>

    <ul class="nav hor clearfix">
         <li class="navLi "><a class="png" href="#.html">首页</a></li>
         <li class="navLi"><a class="png" href="#.html">幸福感言</a></li>
         <li class="navLi"><a class="png" href="#.html">幸福瞬间</a></li>
         <li class="navLi"><a class="png" href="#.html">幸福影像</a><span  class="ac"></span></li>
         <li class="navLi "><a class="png" href="#.html">幸福感言</a></li>
    </ul>
     <style type="text/css">
        .ver {width: 120px;}
        .ver .navLi{ padding: 5px 0; }
        .ver .navLi a{  display: block; padding:0 20px;}
        .ver .navLi a:hover{background: url(png.png) right no-repeat;}
     </style>
     <ul class="nav ver   clearfix">
         <li class="navLi first"><a class="png" href="#.html">首页</a></li>
         <li class="navLi"><a class="png" href="#.html">幸福感言</a></li>
         <li class="navLi"><a class="png" href="#.html">幸福瞬间</a></li>
         <li class="navLi"><a class="png" href="#.html">幸福影像</a><span  class="ac"></span></li>
         <li class="navLi last"><a class="png" href="#.html">幸福感言</a></li>
    </ul>

<!--[if IE 6]>
	<script type="text/javascript" src="../png/DD.js"></script>
	<script type="text/javascript">
	DD_belatedPNG.fix(' .png:hover');

	</script>
<![endif]-->
</body>
</html>